<template>
  <i :class="icon" class="icon"></i>
  <span class="title">{{ title }}</span>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'

export default defineComponent({
  props: {
    icon: String as PropType<string>,
    title: String as PropType<string>
  }
})
</script>

<style lang="scss" scoped>
.icon {
  font-size: 18px;
}
.title {
  font-size: 16px;
}
</style>